<template>
	<view style="display: flex;flex-direction: column;align-items: center;" class="page">
		<image :src="data.icon" style="width: 90px;height: 90px;margin-top: 50px;"></image>
		<p style="font-size: 25px;color: white;margin-top: 5px;">{{data.title}}</p>
		<view style="padding: 10px 20px;text-align: center;color: white;">
			<rich-text v-if="data.content!=null&&data.content!=''" selectable :nodes="data.content"
				style="font-size: 14.4px;"></rich-text>
		</view>
		<view @click="down(data._id)"
			style="width: 200px;margin-top: 10px;background-color: white;border-radius: 50px;display: flex;align-items: center;justify-content: center;height: 45px;color: #76b2ff;box-shadow: 2px 2px 1px 1px #3371ce;">
			<uni-icons type="download" color="#76b2ff" size="30" style="margin-right: 3px;"></uni-icons>立即下载</view>
		<p style="font-size: 14px;color: white;margin-top: 10px;">V{{data.version}} | {{data.size}}</p>
		<swiper indicator-dots autoplay interval="3000" circular
			style="width: 100%;height:480px;text-align: center;margin-top: 20px;" :current="0">
			<swiper-item v-for="(item,index) in data.image">
				<image @click="openImg(data.image,index)" :src="item"
					style="width:250px;border-radius: 10px;height: 450px;"></image>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	import ase from '@/common/ar-aes/ar-aes.js'
	export default {
		props: {
			data: {
				type: Object,
				default (data) {
					return {}
				}
			}
		},
		name: "apk_tiankong",
		data() {
			return {
				current: 0,
			};
		},
		methods: {
			down(id) {
				this.$emit("down", {
					id: id
				})
			},
			change(e) {
				this.current = e.detail.current
			}
		}
	}
</script>

<style lang="less">
	.page {
		background: url('@/static/other/background1.jpg');
		background-repeat: no-repeat;
		background-size: 100%;
	}
</style>